@import '~antd/es/style/variable.less';

.settingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  :global {
    .ant-tabs {
      height: 100%;

      .ant-tabs-nav-list {
        padding-left: 12px;

        .ant-tabs-tab {
          padding: 6px 0;
        }
      }

      .ant-tabs-content-holder {
        padding: 0 12px 12px;
        overflow-y: auto;
      }
    }
  }
  .settingContainerContent {
    display: flex;
    flex-direction: column;
    .textControl {
      margin-bottom: 16px;
    }
    .typeControl {
      margin-bottom: 16px;
    }
    .shapeControl {
      margin-bottom: 16px;
    }
    .sizeControl {
      margin-bottom: 16px;
    }
    .blockControl {
      margin-bottom: 16px;
    }
    .iconControl {
      position: relative;
      margin-bottom: 16px;
      .iconControlDelete {
        position: absolute;
        bottom: 25px;
        left: 28px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 12px;
        height: 12px;
        color: @text-color-secondary;
        font-size: 12px;
        background-color: @border-color-split;
        border-radius: 50%;
        cursor: pointer;
        &:hover {
          color: @primary-color;
        }
      }
    }
    .disabledControl {
      position: relative;
      margin-bottom: 16px;
    }
    .loadingControl {
      position: relative;
      margin-bottom: 16px;
    }
    .codeBindingHandle {
      position: absolute;
      right: 0;
      bottom: 0;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      width: 22px;
      height: 22px;
      cursor: pointer;
      .codeBindingHandleIcon {
        color: @text-color-secondary;
        font-size: 15px;
      }
      &:hover {
        .codeBindingHandleIcon {
          color: @primary-color;
        }
      }
    }
    :global {
      .ant-radio-group-small .ant-radio-button-wrapper {
        padding-right: 5px;
        padding-left: 5px;
      }
    }
  }
}
